html{ background:url(bg2.jpg) repeat-x top #fff;}
body{ 
font-size:12px; color:#585858;
background:url(bg_top2.jpg) no-repeat center top;
}
.banner{ 
width:100%; margin:0 auto;
background:url(bg.gif) repeat-x top;
text-align:center;
padding-top:18px;
}

.page{ width:960px; margin:0 auto;}
.s_main{ float:left; display:inline; width:770px; height:auto !important; min-height:1100px; height:1100px; background:url(side_line.gif) no-repeat right top;}
.s_side{ float:right; display:inline; width:180px; }
.posetion{ height:40px; line-height:40px; font-weight:normal;}
.hr{ background:url(hr.gif) no-repeat left bottom; height:23px; width:100%; clear:both;}

.r_list{ width:260px; height:290px; float:left; background:url(hr2.gif) no-repeat right top;}
.r_list h4{ height:73px;}
.r_list h4 img{ padding-top:16px;}
.r_list h4 span{ padding-left:22px;}
.r_list h5{ text-align:right; font-weight:normal; padding:0 20px 0 0;}
.r_list h5 a{ display:block; float:right; width:69px; text-align:center; height:22px; line-height:22px; color:#444647; background:url(btn1.gif) no-repeat;}
.r_list ul{ padding:10px 0 15px 10px;}
.r_list li{ height:30px; line-height:30px; background:url(midot2.gif) no-repeat left center; padding-left:20px; color:#003e7b;}
.r_nobg{ background:none; width:250px;}

.steps p{ padding:0 0 18px 0;}

.menu{ display:block; background:url(tab1.gif) no-repeat; height:31px;}
.menu li{ 
float:left; display:block; height:31px; line-height:31px; cursor:pointer;
border-right:1px solid #e2e0e0; font-size:14px; padding:0 15px;
}
.menu li.hover{ background:url(tab_hover.gif) repeat-x; font-size:16px; color:#014489;}


.s_case h4{ 
background:url(hr3.gif) no-repeat 20px center; font-weight:normal; text-align:right;
padding:15px 10px 15px 0;
}
.s_case h4 a{ color:#fc843c;}
.s_case h4 a:hover{ text-decoration:underline;}


.c_case_li{ 
width:228px; height:176px; background:url(casebox.gif) no-repeat; float:left; display:inline; text-align:center;
margin:10px 10px 40px 10px;
}
.cur1{ background:url(casebox_h.gif) no-repeat;}
.cur1 b a{ color:#fff; font-weight:bold;}
.c_case_li span{ display:block; padding-top:10px;}
.c_case_li span a{ color:#1a87cc;}
.c_case_li span img{ width:208px;}
.c_case_li b{ display:block; width:100%; text-align:center; font-weight:normal; padding:7px 0 0 0;}

.s_side{ margin-top:37px;}
.s_side h2{ background:url(ico1.gif) no-repeat 14px center; padding-left:38px; font-size:16px;}
.cate_ul1{ padding:8px 0 20px 14px;}
.cate_ul1 li{ height:32px; line-height:32px; font-size:14px;}
.cate_ul1 li a{ background:url(ico2.gif) no-repeat 3px center; padding-left:22px;}
.current1 a{ background:url(ico3.gif) no-repeat 3px center !important;}

.cate_ul2{ padding:8px 0 20px 14px;}
.cate_ul2 li{ height:32px; line-height:32px; font-size:14px;}
.cate_ul2 li a{ background:url(ico4.gif) no-repeat 3px center; padding-left:22px;}
.current2 a{ background:url(ico3.gif) no-repeat 3px center !important;}

.into{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.into a{ display:block; width:136px; height:46px;}
.i1 a{ background:url(into.gif) no-repeat 0 0;}
.i1 a:hover{ background:url(into.gif) no-repeat 0 -189px;}
.i2 a{ background:url(into.gif) no-repeat 0 -46px;}
.i2 a:hover{ background:url(into.gif) no-repeat 0 -235px;}
.i3 a{ background:url(into.gif) no-repeat 0 -92px;}
.i3 a:hover{ background:url(into.gif) no-repeat 0 -281px;}
.i4 a{ background:url(into.gif) no-repeat 0 -138px;}
.i4 a:hover{ background:url(into.gif) no-repeat 0 -327px;}

.tel{ padding:30px 0 0 0;}
.quick{ padding:10px 0 0 0; color:#000; line-height:300%;}
.ipt_quick{ width:172px; text-align:center; color:#626262; border:1px solid #d1d1d1;}

.leftbtn{ background:url(left.png) no-repeat; width:25px; height:28px; float:left; display:inline; cursor:pointer; margin:40px 0 0 0;}
.rightbtn{ background:url(right.png) no-repeat; width:25px; height:28px; float:left; display:inline; cursor:pointer; margin:40px 0 0 0;}
.c1{ background:url(left_h.png) no-repeat;}
.c2{ background:url(right_h.png) no-repeat;}
.Cont{ float:left; display:inline; overflow:hidden; width:708px; margin:15px 0 0 0;}
.ScrCont{ overflow:hidden; height:136px; width:3276600px; zoom:1}
#List1_1{ float: left;}
#List2_1{ float: left}
.box{ 
float:left; display:inline; width:164px; height:102px;
padding:3px 0 0 7px;
margin-right:6px;
background:url(imgbox.gif) no-repeat;
}
.box img { width:150px; height:92px;}
.imgbox{ 
background:url(imgbox1.gif) no-repeat; width:722px; height:294px; position:relative;
padding:45px 0 0 27px;
}
.pin{ display:block; width:56px; height:92px; background:url(bin.png) no-repeat; position:absolute; left:10px; top:-14px;}
.a_bar1{ font-size:24px; color:#014489; margin-bottom:20px; }
.a_bar2{ 
background:url(hr3.gif) no-repeat left center; height:26px; line-height:26px; color:#414344; font-size:16px;
padding:15px 0; position:relative;
}
.a_bar2 a{ margin-right:30px; font-size:12px; font-weight:normal; position:absolute; right:10px; top:15px;}
.about_txt{ line-height:180%; padding:10px 40px 20px 10px; font-size:14px;}
.about_txt p{ text-indent:30px;}

.h_list{ float:left; display:inline; width:136px; margin:15px 15px 0 0;}
.h_list img{ width:128px; padding:3px; border:1px solid #ccc;}

.imgbox2{ float:left; width:279px; height:170px; background:url(imgbox2.gif) no-repeat;}
.imgbox2 img{ width:254px; height:148px; padding:5px 0 0 5px;}

.imgbox3{ float:left; width:274px; height:195px; background:url(imgbox3.gif) no-repeat; margin-bottom:50px;}
.imgbox3 span{ display:block; padding:17px 0 0 8px;}
.txtbox3{ float:left; width:455px; padding-left:12px;}
.txtbox3 h1{ display:block; padding-bottom:8px; font-size:16px;}
.txtbox3 p{ line-height:200%; font-size:14px;}

.imgbox4{ float:left; width:298px; height:200px; background:url(imgbox4.gif) no-repeat; margin:15px 0 0 0;}
.imgbox4 span{ display:block; padding:12px 0 0 12px;}
.imgbox4 span img{ width:266px; height:170px;}
.c_txt1{ float:left; display:inline; width:265px; margin:20px 0 0 20px;}
.c_txt1 p{ line-height:200%;}
.c_txt1 p b{ display:block; font-size:14px;}


.title{ background:#f0f0f0; height:36px; line-height:36px; padding:0 0 0 15px; position:relative; margin-right:30px;}
.cur2{ background:#0082cf;}
.title span{ position:absolute; right:10px; top:0; font-weight:normal; color:#333;}
.title a{ color:#333;}
.cur2 a{ color:#fff;}
.cur2 span{ color:#fff;}
.title a:hover{ color:#f8f36d; text-decoration:underline;}
.jj{ line-height:200%; padding:10px 25px 50px 10px;}

.fwbz{ width:356px; float:left; margin:0 0 0 30px;}
.fwbz li{ height:32px; line-height:32px; padding-left:50px;}

.bz1{ background:url(num1.gif) no-repeat;}
.bz2{ background:url(num2.gif) no-repeat;}
.bz3{ background:url(num3.gif) no-repeat;}
.bz4{ background:url(num4.gif) no-repeat;}
.bz5{ background:url(num5.gif) no-repeat;}
.bz6{ background:url(num6.gif) no-repeat;}
.bz7{ background:url(num7.gif) no-repeat;}

.file{ display:block; width:680px; height:72px; background:url(line4.gif) no-repeat; margin:25px 0 50px 0;}
.file li{ 
float:left; display:inline; width:300px; height:36px; line-height:36px; position:relative;
background:url(ico6.gif) no-repeat left center; padding-left:30px;
margin-left:10px;
}
.file li span{ position:absolute; right:10px; top:12px;}

.sbox1{ float:left; display:inline; width:307px;}
.sbox1 h4{ height:74px; background:url(s_bar1.gif) no-repeat; position:relative;}
.sbox1 h4 img{ position:absolute; left:60px; top:-5px;}
.sbox2{ float:right; display:inline; width:305px; margin-right:32px;}
.sbox2 h4{ height:74px; background:url(s_bar2.gif) no-repeat; position:relative;}
.sbox2 h4 img{ position:absolute; left:150px; top:-5px;}

.sbox1 li{ height:32px; line-height:32px; background:url(line2.gif) repeat-x bottom;}
.sbox1 li a{ background:url(midot1.gif) no-repeat left center; padding-left:15px;}
.sbox2 li{ height:32px; line-height:32px; background:url(line2.gif) repeat-x bottom;}
.sbox2 li a{ background:url(midot1.gif) no-repeat left center; padding-left:15px;}

.Cont2{ float:left; display:inline; overflow:hidden; width:688px; margin:15px 5px 0 0;}

.box2{ 
float:left; display:inline;
margin-right:6px;
width:133px; height:80px; background:url(brandbox.gif) no-repeat;
}
.box2 table{ width:133px; height:80px; text-align:center;}

.online{ border:1px solid #eee; height:64px; padding:0 0 0 288px; margin:17px 0;}
.online p{ line-height:200%; color:#000;}
.online p img{ margin-right:10px;}
.online p em{ font-style:normal; color:#cb0000;}
.qq1{ background:url(ico8.gif) no-repeat 35px center #f5f5f5;}
.qq2{ background:url(ico9.gif) no-repeat 45px center #f5f5f5;}
.qq3{ background:url(ico10.gif) no-repeat 58px center #f5f5f5;}

.area{ float:left; display:inline; width:472px; line-height:200%;}
.area h2{ font-size:14px; color:#615d5d;}
.area p{ padding-bottom:35px;}
.area_line{ background:url(line5.gif) repeat-y right; margin-right:10px;}

.s_foot{ width:970px; margin:0 auto;}
.s_link p{ display:block; margin:0 10px; line-height:180%; padding:10px 0; white-space:nowrap; text-overflow:ellipsis;}
.s_link p a,.s_link p b,.s_link p span{ float:left; display:inline;}
.s_link p a{ margin:0 5px;}
.s_link p b{ margin-left:5px;}

.imgmap{ float:left;}
.emap{ 
float:left; width:464px; height:289px; background:url(bg_map.gif) no-repeat;
padding:9px 0 0 10px;
}

.news_t{ text-align:center; font-size:19px; color:#151515; padding:30px 0 10px 0; background:url(line7.html) repeat-x bottom;}
.news_date{ text-align:center; font-weight:normal; padding:10px 0 0; color:#666;}
.info_left{ float:left; display:inline; width:670px;}
.tag{ padding:8px 0; position:relative;}
.tag em{ font-style:normal; color:#004964;}
.tag b{ font-weight:normal; padding-left:18px;}

.tag_this{ position:relative; height:46px; line-height:46px; border-top:1px dashed #dddddd; overflow:hidden; color:#004964;}
.tag_this span{ position:absolute; right:0;}

.key{ padding:5px 0;}
.key a{ color:#004964; margin:0 3px;}
.key a:hover{ color:#000;}

.nextnews{ display:block; margin:0 25px 10px 25px; padding:10px 0 10px 5px; background:#f8f8f8; border-bottom:2px solid #e6e6e6; position:relative;}
.nextnews li{ padding:3px 0;}
.nextnews li a{ color:#004964;}
.nextnews li a:hover{ color:#000;}
.nextnews span{ position:absolute; top:40px; right:5px; font-weight:bold;}
.nextnews span a{ color:#004964;}

.conbox1{ float:left; display:inline; width:195px; margin:20px 1px 25px 0;}
.conbox1 h4{ height:38px; line-height:38px; text-align:center; color:#333; font-size:16px; background:#efefef;}
.conbox1 ul{ display:block; height:176px; border:1px solid #e6e6e6; border-top:3px solid #e6e6e6;}
.conbox1 li{ height:34px; line-height:34px; background:url(midot3.gif) no-repeat 10px center; padding-left:20px;}
.conbox2{ float:left; display:inline; width:522px; margin:20px 0 25px 0;}
.conbox2 h4{ height:38px; line-height:38px; text-align:center; color:#333; font-size:16px; background:#e7e6e6;}
.conbox2 ul{ display:block; height:176px; border:1px solid #e6e6e6; border-top:3px solid #d9d7d7;}
.conbox2 li{ height:30px; padding:10px 0 0 45px; line-height:150%;}
.li1{ background:url(nums1.gif) no-repeat 8px center;}
.li2{ background:url(nums2.gif) no-repeat 8px center;}
.li3{ background:url(nums3.gif) no-repeat 8px center;}

.listing{ margin:30px 0; display:block;}
.listing li{ float:left; display:inline; width:360px; height:32px; line-height:32px; background:url(midot1.gif) no-repeat left center; padding-left:15px;}

.lbox1{ float:left; display:inline; width:330px;}
.lbox1 p{ line-height:200%; text-indent:26px; padding:0 0 40px 0;}
.lbox2{ float:right; display:inline; width:350px; margin-right:45px;}
.lbox2 li{ padding:5px 0; background:url(midot1.gif) no-repeat left 12px; padding-left:15px; line-height:180%;}

.soft_list{ padding:15px 0;}
.soft_list h4{ font-size:16px; padding:10px 0 15px 0;}
.soft_list h4 a{ color:#e15d08;}
.soft_list span{ float:left; display:inline; width:156px; margin-bottom:20px;}
.soft_list span img{ width:150px; padding:2px; border:1px solid #ccc;}
.soft_list p{ float:left; display:inline; width:555px; line-height:200%; text-indent:24px; margin-left:20px;}

.numpage{ text-align:center; margin:4px; padding-top:40px; height:40px; }
.numpage a{ background:#fff; display:inline; height:24px; line-height:24px; margin:1px; padding:6px 6px 2px 6px; border:1px solid #dbd69c; color:#333;}
.numpage span{ background:#0082cf; color:#fff; display:inline; height:24px; line-height:24px; margin:1px; padding:6px 6px 2px 6px;border:1px solid #f2f2f2;}

.h_brand{ padding-bottom:25px;}
.s_main .h_brand li{ 
float:left; display:inline; width:133px; height:80px; background:url(brandbox.png) no-repeat;
margin:20px 0 0 13px;
}
.h_brand li b{ 
display:block; width:133px; height:80px;
}
.h_brand li b{
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.h_brand li b p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.h_brand li b p img{
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle
}


.foot p{ text-align:center; line-height:200%;}
.foot h4{ text-align:center; font-weight:normal; background:url(line3.gif) repeat-x center; padding:0 195px; margin:0 16px;}
.foot h4 p{ background:#fff;}
.foot h4 p a{ margin:0 5px; color:#000;}

.share img{ padding:0 5px; cursor:pointer;}